﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	/*******************************
		-------[=内容详情页]-------
	********************************/
	.contact-ul li{margin-right: 30px;}

	/*******************************
		-------[=视频中心]-------
	********************************/
	.video-tab li a{font-size: 18px;}

	.searchBox{margin: 30px 0 0;}
	.searchBox .so-title{font-size: 20px;margin-right: 15px;}
	.a-login{font-size: 20px;}

	.video-img-ul li:nth-child(2n+1) .pic{padding-left: 0;}
	.video-img-ul li:nth-child(2n+1) .txt{padding-right: 0;}
	.video-img-ul li:nth-child(2n) .pic{padding-right: 0;}
	.video-img-ul li:nth-child(2n) .txt{padding-left: 0;}

	/*******************************
		-------[=用户中心]-------
	********************************/

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	/*******************************
		-------[=头部]-------
	********************************/
	#hd{padding: 15px 0;}
	.menuBtn{display: inline-block;}
	#nv{position: fixed;left: -100%;top: 0;width: 60%;height: 100%;
		background-color: #fff;z-index: 999;
	}
	#nv.open{left: 0;}
	.nav{overflow-y: auto;}
	.nav li{float: none;border-bottom: 1px solid #ddd;margin-left: 0;}
	.nav .v1{font-size: 14px;padding: 0 15px;}
	.nav .on .v1{border-bottom: 0;background-color: #ef9fc2;color: #fff;}

	/*******************************
		-------[=标题]-------
	********************************/
	.tit1{font-size: 14px;}
	.tit1 h3{font-size: 24px;padding-bottom: 10px;}

	/*******************************
		-------[=底部]-------
	********************************/
	.finfo,.fm1{width: 50%;padding: 0 5px;margin-bottom: 10px;}

	/*******************************
		-------[=首页]-------
	********************************/
	.index-about .sec-con{position: relative;height: 0;padding-top: 61%;}
	.index-about .sec-con .wrapper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

	.service-ico-ul{margin-bottom: 0;}
	.service-ico-ul li{width: 50%;}
	.service-ico-ul .ico{margin-bottom: 20px;}

	.trips-img-ul li{width: 50%;}

	#banner .slick-dots{bottom: 4%;}
	#banner .slick-dots a{width: 50px;height: 8px;}

	/*******************************
		-------[=一级分类页]-------
	********************************/
	.img-txt-ul .pic{margin-bottom: 10px;}
	.img-txt-ul .txt{padding: 10px;font-size: 14px;}

	/*******************************
		-------[=内容详情页]-------
	********************************/
	.btn2{font-size: 36px;line-height: 80px;}

	.article{font-size: 14px;}
	.article h1{font-size: 36px;}
	.article .info{font-size: 18px;}
	.article .content{padding: 20px 0;}
	.article .content img{margin: 10px auto;}

	.words{font-size: 14px;}
	.words h3{font-size: 18px;}

	.regBox .contact-ul{padding-top: 10px;}
	.contact-ul li{width: auto;float: none;height: auto;margin: 0 0 20px;}
	.contact-ul .con{font-size: 14px;}
	.contact-ul img{width: auto;margin: 0 auto;}

	/*******************************
		-------[=视频中心]-------
	********************************/
	.searchBox .soBox{width: 450px;}

	/*******************************
		-------[=视频详细页]-------
	********************************/
	.videoPlay{width: 60%;}
	.videoBox .txt{margin-left: 60%;padding-left: 20px;}

	/*******************************
		-------[=用户中心]-------
	********************************/
	.user-menu{padding-top: 85px;}
	.user-con-mar{padding-top: 55px;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	/*******************************
		-------[=头部]-------
	********************************/
	#hd{padding: 5px 0;height: 40px;}
	.logo{height: 40px;line-height: 40px;}
	.menuBtn{line-height: 26px;margin-top: 5px;}

	/*******************************
		-------[=底部]-------
	********************************/
	.fhelp{padding: 30px 0;}
	.finfo,.fm1{width: auto;float: none;}
	.fpost,.ftwiter{display: none;}
	.fcopy{padding: 15px 0;}

	/*******************************
		-------[=首页]-------
	********************************/
	.index-about .sec-con{height: auto;padding: 0;}
	.index-about .sec-con .wrapper{position: static;}
	.index-about .txt,.index-about .pic{float: none;width: auto;height: auto;}
	.index-about .txt{padding: 30px 10px;}
	.index-about .con{float: none;}
	.index-about .pic{height: 0;padding-top: 71%;overflow: hidden;}

	.service-ico-ul li{width: auto;float: none;}
	.trips-img-ul li{width: auto;float: none;}

	/*******************************
		-------[=一级分类页]-------
	********************************/
	.img-txt-ul li{width: 50%;}

	/*******************************
		-------[=内容详情页]-------
	********************************/
	.article h1{font-size: 18px;margin-bottom: 10px;}
	.article .info{font-size: 14px;}

	.words p{padding-top: 1em;}

	/*******************************
		-------[=视频中心]-------
	********************************/
	.video-tab{height: 40px;line-height: 38px;margin: 30px 0 0;min-width: 600px;}
	.video-tab li{padding-left: 1px;}
	.video-tab li a{font-size: 14px;}

	.flipsnap-box{width: 100%;overflow: hidden;-webkit-transform: translateZ(0);}
	.flipsnap{-webkit-overflow-scrolling: touch;}
	.flipsnap:after { display: block; clear: both; height: 0;}

	.videoImg{float: none;margin: 0 auto 10px;}
	.videoCon .txt{margin-left: 0;}

	.video-img-ul li{margin-bottom: 30px;}
	.video-img-ul .pic,.video-img-ul .txt{float: none !important;width: auto;padding: 0 !important;}
	.video-img-ul .txt{text-align: left !important;}
	.video-img-ul .pic,.video-img-ul .intro{margin-bottom: 15px;}
	.video-img-ul .intro{height: auto;max-height: 6.4em;}

	.searchBox .so-title{margin-right: 0;font-size: 16px;}
	.a-login{font-size: 14px;}
	.a-login a{margin: 0 5px;}
	.searchBox .soBox{float: none;width: auto;margin-left: 80px;margin-right: 100px;}

	/*******************************
		-------[=视频详细页]-------
	********************************/
	.videoBox{padding: 70px 0 20px;}
	.videoPlay{float: none;width: auto;margin-bottom: 20px;}
	.videoBox .txt{margin-left: 0;padding-left: 0;}
	.videoBox .intro{height: auto;max-height: 320px;margin-bottom: 10px;}

	.videoBig{margin-bottom: 10px;}
	.videoList{margin: 0 -5px;}
	.videoList li{padding: 0 5px;}

	/*******************************
		-------[=用户中心]-------
	********************************/
	.user-menu{padding-top: 60px;}
	.user-con-mar{padding-top: 30px;}
	.user-menu a{width: 50%;}
	.user-info-col{width: 100%;float: none;text-align: center;}
	.user-form{width: 100%;}
	.user-ul li{width: 100%;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	/*******************************
		-------[=底部]-------
	********************************/
	.fhelp{display: none;}
	.fcopy{font-size: 12px;font-weight: normal;}

	/*******************************
		-------[=一级分类页]-------
	********************************/
	.img-txt-ul li{float: none;width: auto;}

	/*******************************
		-------[=内容详情页]-------
	********************************/
	.btn2{font-size: 24px;line-height: 60px;}

	/*******************************
		-------[=视频中心]-------
	********************************/
	.videoImg{width: auto;position: relative;height: 0;padding-top: 58%;}
	.videoImg img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.videoImg h3{position: absolute;left: 0;top: 50%;width: 100%;padding-top: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.videoImg h3 em{margin-top: 0;}

	.searchBox{height: auto;margin: 10px 0;}
	.searchBox .soBox{margin: 0;clear: both;}

	.video-img-ul{padding-top: 10px;}
	.video-img-ul .pic{height: auto;}
	.video-img-ul .pic a{height: 0;padding-top: 56%;}
	.video-img-ul .datetime{font-size: 16px;}
	.video-img-ul .title{font-size: 18px;}

	.btn3{line-height: 41px;font-size: 18px;padding: 0 20px;}

	/*******************************
		-------[=视频详细页]-------
	********************************/
	.videoBig{height: 300px;}


}
